.app{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    * {
        box-sizing: border-box;
    }
    .top-menu{
        height: 30px;
        width: 100%;
        position: relative;
        z-index: 10;
    }

    .item-menu{
        font-size: 14px;
        line-height: 30px;
        padding-left: 15px;
        padding-right: 15px;
        display: inline-block;
        color: #333;
        position: relative;
        .child-menu{
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            width: 120px;
            .child-menu-item{
                line-height: 30px;
                text-align: center;
                background-color: white;
                color: #333;
                border: 1px solid #e6eaee;
                border-top:none ;
                &:first-child{
                    border-top:1px solid #e6eaee;
                }
                &:hover{
                    background-color: #333;
                    color: white;
                }
            }
        }
        &:hover{
            cursor: pointer;
            color: #999;
            .child-menu{
                display: block;
            }
        }
    }
    .bottom-content{
        height: calc(100% - 30px);
        width: 100%;
        overflow: auto;
        position: relative;
        z-index: 5;
        border-top:1px solid #e6eaee ;

        /**
            主数据内容
        */
        .gamedata-head{
            font-size: 16px;
            height: 40px;
            line-height: 40px;
            .gamedata-h-content{
                padding-left: 15px;
                padding-right: 15px;
                display: inline-block;
                cursor: pointer;
                &:hover{
                    background-color: #ddd;
                }
                &.active{
                    background-color: #333;
                    color: white;
                }
            }
        }
        .gamedata-content{
            border-top:1px solid #e6eaee;
            height: calc(100% - 40px);
            width: 100%;
            position: relative;
            .gamedata-c-left{
                position:absolute;
                left:0;
                top: 0;
                overflow: auto;
                width: 200px;
                height: 100%;
                border-right:1px solid #e6eaee;
                
                .gamedata-cl-item{
                    width: 100%;
                    font-size: 16px;
                    color:#333;
                    padding-left: 10px;
                    height: 30px;
                    line-height: 30px;
                    &.active{
                        background-color: #333;
                        color: white;
                    }
                }

            }
            .gamedata-c-right{
                position: absolute;
                left: 200px;
                width: calc(100% - 200px);
                height: 100%;
                overflow: auto;
                padding: 10px 15px;
                &.child-object{
                    position: static;
                    left: auto;
                    width: auto;
                    height: auto;
                    padding-left: 15px;
                }
                .gamedata-cr-item{
                    width: 100%;
                    font-size: 16px;
                    label{
                        display: inline-block;
                        width: 200px;
                    }
                }
            }
        }
    }
   
}